import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import About from "./views/About"
import News from "./views/HomePages/newPage"
import Olds from "./views/HomePages/oldPage"

Vue.use(Router)

export default new Router({
    linkActiveClass: "active",
    linkExactActiveClass: "exact-active",
    routes: [
        {
            path: '/home',
            name: 'home',
            component: Home,
            children: [
                {
                    path: "",
                    redirect: "news"
                },
                {
                    // path: "/news",
                    path: "news",
                    component: News
                },
                {
                    path: "/olds",
                    component: Olds
                }
            ]
        },
        {
            path: '/about',
            name: 'about',
            // route level code-splitting
            // this generates a separate chunk (about.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            //   component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
            component: About
        }
    ]
})
